<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css">
    <script src="https://kit.fontawesome.com/09681efc7e.js" crossorigin="anonymous"></script>
    <title>Welcome To My Portfolio | Home</title>
</head>
<body id="bg-img">
  
   <header>
    <div class="menu-btn">
        <div class="btn-line"></div>
        <div class="btn-line"></div>
        <div class="btn-line"></div>
    </div>
        <nav class="menu">
            <div class="menu-branding">
                <div class="portrait"></div>
            </div>
            <ul class="menu-nav">
                <li class="nav-item current">
                    <a href="/" class="nav-link">
                        Home
                    </a>
                </li>
                <li class="nav-item">
                    <a href="about.html" class="nav-link">
                        About Me
                    </a>
                </li>
                <li class="nav-item">
                    <a href="work.html" class="nav-link">
                        My Work
                    </a>
                </li>
                <li class="nav-item">
                    <a href="contacts.html" class="nav-link">
                       How To Reach Me
                    </a>
                </li>
              
            </ul>
        </nav>
   </header>

   <main id="home">
    <h1 class="lg-heading">
        Kristina <span class="text-secondary">Borovskikh </span> 
    </h1>
    <h2 class="sm-heading">
        Web Developer, Programmer, Designer, & Entepreneur
    </h2>
    <div class="icons">
        <a href="#">
            <i class="fa-brands fa-facebook fa-2x"></i>
    
        </a>
        <a href="">
            <i class="fa-brands fa-twitter fa-2x "></i>
        </a>
        <a href="">
            <i class="fa-brands fa-linkedin fa-2x"></i>
        </a>
        <a href="">
            <i class="fa-brands fa-github fa-2x"></i>
        </a>
    </div>
   </main>

   <script src="js/main.js"></script>
</body>
</html>
